<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css">
    <title>Author page</title>
</head>
<body>
    <div id="main">
        <header>
            <!--navbar -->
            <nav id="navbar">
                <div class="container">
                    <h1><a href="#">Author Page</a></h1>
                    <ul>
                        <li><a href="/" class="current">Home</a></li>
                        <li><a href="/Author/Author-page.html">Author</a></li>
                        <li><a href="#">Contact</a></li>
                    </ul>
                </div>
            </nav>
            <!--navbar closed-->
    
            <!--showcase-->
            <div id="showcase">
                <div class="container">
                    <div class="showcase-content">
                        <h2>Dynamic Quotes</h2>
                        <p>
                            Hello Guys...
                        </p>
                        <a href="#" class="btn" id="read-more">Read More</a>
                    </div>
                </div>
            </div>
            <!--showcase close-->
        </header>
        <!--Authors-->
        <div id="authors">
            <div class="container">  
                <h3 class="bg-primary"><span class="bg-primary-1">Authors</span></h3>
                <div class="auth">
                    <img src="img/r-img1.jpg" alt="">
                    <p class="names">Rabindranath Tagore</p>
                    <p>“You cannot cross the sea merely by standing and staring at the water.”</p>
                    <p class="lead">
                        About the author
                    </p> 
                </div>
    
                <div class="auth">
                    <img src="./a-img2.jpg" alt="">
                    <p class="names">A.P.J.Abdul Kalam </p>
                    <p>“Failure will never overtake me if my determination to succeed is strong enough.”</p>
                    <p class="lead">
                        About the author
                    </p>
                </div>
    
                <div class="auth">
                    <img src="img/img3.jpg" alt="">
                    <p class="names">William Shakespeare</p>
                    <p>“Our doubts are traitors, and make us lose the good we oft might win by fearing to attempt.” </p>
                    <p class="lead">
                        About the author
                    </p>
                </div>
            </div>
    
        </div>
        <!--Authors close-->
</body>
</html>
